<template>
  <div>
  <div class="littlebox" @click="$router.push({ path: '/xiangqing', query: { id: (cts?.note?.id||cts?.r?.id) } }) ">
    <div class="tu">
      <img :src="cts?.note?.image_u || cts?.r?.p || cts?.dsp?.logo" alt="" />
    </div>
    <p class="title">
      {{
        cts?.note?.title ||
        cts?.r?.stdname ||
        cts?.note?.events[0]?.name ||
        cts?.r?.n ||
        cts?.dsp?.cap
      }}
    </p>
    <p class="text" v-if="cts?.note?.like_count">
      {{ cts?.note?.like_count }}人收藏
    </p>
    <p class="text">{{ cts?.r?.collect_count_text }}</p>
  </div>
  </div>
</template>

<script>
export default {
  props: ["cts"],
};
</script>

<style lang="scss" scoped>
.littlebox {
  .tu {
    width: 160rem;
    height: 183rem;
    img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }
  }
  .title {
    width: 160rem;
    font-size: 14rem;
    font-weight: bold;
    padding: 5rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .text {
    width: 160rem;
    font-size: 12rem;
    padding-top: 10rem;
  }
}
</style>
